<template>
    <div class="eighth">
    </div>
</template>
<script>
import WOW from "wow.js";
export default {
    name:"Peighth",
    created() {
        new WOW().init();
    },
    mounted() {
        document.addEventListener("keyup", this.changePage);
    },
    data() {
        return {
            
        }
    },
    methods: {
        changePage(e) {
            //右键
            if (e.keyCode == 40||e.keyCode==34) {
                this.$router.replace(`/ppt/pninth`);
            }
            //左键
            if (e.keyCode == 38||e.keyCode==33) {
                this.$router.replace(`/ppt/pseventh`);
            }
        },
    },
    beforeDestroy() {
        document.removeEventListener("keyup", this.changePage);
    },
    watch: {
        $route: {
        handler(n, v) {
            document.addEventListener("keyup", this.changePage);
        },
        deep: true
        }
    }
}
</script>
<style lang="scss" scoped>
.eighth{
    background-image: url("../../assets/images/pptScreen/pFirst/8.png");
}
</style>